<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
		<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
		<title>Procrastimeter Analytics</title>
		
		<style>
			html, body {
				background-color: black;
				color: white;
				min-height: 490px;
				min-width: 400px;
				padding: 0px;
				margin: 0px;
			}
		
			div.top {
				height: 45px;
				text-align: center;
				font-size: 45px;
			}
		
			a.member {
				display: block;
				text-decoration: none;
				width:33%;
				float:left;
				color: white;
			}
			
			div.center {
				position: absolute;
				top: 60px;
				bottom: 60px;
				width: 100%;
			}
			
			.leftPanel {
				width: 20%;
				float: left;
				margin-top:120px;
				text-align: center;
			}
			
			.fileUp, .text1, .text2 {
				margin-top: 15px;
			}
			
			#fileInputId {
				color: white;
			}
			
			#fileButton {
				width: 80%;
				margin-left: auto;
				margin-right:auto;
				border: 2px solid grey;
				cursor: pointer;
				margin-top: 10px;
			}
			
			.rightPanel {
				width: 80%;
				float: left;
				height: 100%
			}
			
			.rightPanel iframe {
				height: 100%;
				width: 100%;
				margin-left: -4px;
				margin-top: -4px;
			}
			
			div.download {
				text-align:center;
				width:100%;
				position: absolute;
				bottom: 0px;
				height: 45px;
				font-size: 35px;
			}
		</style>		
	</head>
	<body>
		<div class="top">
		</div>
		<div class="center">
			<div class="leftPanel">
				<div class="text1">
					In order to get your coding profile, please upload your log file. <br />
					This one can be found in "procrastimeter/pykeylogger-1.2.1/logs/aggreg.txt" for a classic installation.
				</div>
				<div class="fileUp">
					<form target="statsIframe" action="./fileReturn.jsp" method="post" enctype="multipart/form-data">
						<input name="file" type="file" id="fileInputId" />
						<input type="submit" value="Get my coding profile" />
					</form>
				</div>
				<div class="text2">
					Thank you for using procrastimeter!
				</div>
			</div>
			<div class="rightPanel">
				<iframe name="statsIframe"></iframe>
			</div>
		</div>
		<div class="download">Procrastimeter! Download it: <a href="http://code.google.com/p/procrastimeter/">there</a></div>
	</body>
</html>